.matong-bg1, .matong-bg2, .matong-bg3, .matong-bg4, .matong-bg5, .matong-bg6 ,.matong-bg7,.matong-bg8,.matong-bg9{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.matong-bg2, .matong-bg3, .matong-bg4, .matong-bg5, .matong-bg6 ,.matong-bg7,.matong-bg8,.matong-bg9{
    margin-top: 5px;
}

.matong-bg1 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg1 .bg-photo-1 {
    /*background: url(../images/马桶盖/001.png) no-repeat center center;*/
}

.matong-bg1 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.matong-bg2 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg2 .bg-photo-1 {
    /*background: url(../images/马桶盖/002.png) no-repeat center center;*/
}

.matong-bg2 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.matong-bg3 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg3 .bg-photo-1 {
    /*background: url(../images/马桶篇/03副本.jpg) no-repeat center center;*/
}

.matong-bg3 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.matong-bg4 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg4 .bg-photo-1 {
    /*background: url(../images/马桶篇/04副本.jpg) no-repeat center center;*/
}

.matong-bg4 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.matong-bg5 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg5 .bg-photo-1 {
    /*background: url(../images/马桶篇/05副本.jpg) no-repeat center center;*/
}

.matong-bg5 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.matong-bg6 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg6 .bg-photo-1 {
    /*background: url(../images/马桶篇/06.jpg) no-repeat center center;*/
}

.matong-bg6 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.matong-bg7 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg7 .bg-photo-1 {
    /*background: url(../images/马桶篇/07副本.jpg) no-repeat center center;*/
}

.matong-bg7 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.matong-bg8 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg8 .bg-photo-1 {
    /*background: url(../images/马桶篇/08副本.jpg) no-repeat center center;*/
}

.matong-bg8 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.matong-bg9 .bg-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.matong-bg9 .bg-photo-1 {
    /*background: url(../images/马桶盖/09副本.jpg) no-repeat center center;*/
}

.matong-bg9 a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.chanpin{
    position: absolute;
    right:0;
    bottom:0;
    transform: translate3d(10%, 0, 0);
    -ms-transform:translate3d(10%, 0, 0); 	/* IE 9 */
    -moz-transform:translate3d(10%, 0, 0); 	/* Firefox */
    -webkit-transform:translate3d(10%, 0, 0); /* Safari 和 Chrome */
    -o-transform:translate3d(10%, 0, 0); 	/* Opera */
    opacity: 1;
    filter:alpha(opacity=100);       /* IE */
    -moz-opacity:1;              /* 老版Mozilla */   
    transition: all 2.5s;
    -moz-transition: all 2.5s; /* Firefox 4 */
    -webkit-transition: all 2.5s; /* Safari 和 Chrome */
    -o-transition: all 2.5s; /* Opera */
}
.chanpin img{
    width: 100%;
    height:100%;
}
.chanpin1{
    position: absolute;
    left:0;
    bottom:0;
    transform: translate3d(-10%, 0, 0);
    -ms-transform:translate3d(-10%, 0, 0); 	/* IE 9 */
    -moz-transform:translate3d(-10%, 0, 0); 	/* Firefox */
    -webkit-transform:translate3d(-10%, 0, 0); /* Safari 和 Chrome */
    -o-transform:translate3d(-10%, 0, 0); 	/* Opera */
    opacity: 1;
    filter:alpha(opacity=100);       /* IE */
    -moz-opacity:1;              /* 老版Mozilla */   
    transition: all 2.5s;
    -moz-transition: all 2.5s; /* Firefox 4 */
    -webkit-transition: all 2.5s; /* Safari 和 Chrome */
    -o-transition: all 2.5s; /* Opera */
}
.chanpin1 img{
    width: 100%;
    height:100%;
}

.matong-bg1 .visible{
    transform:none;
    -ms-transform:none; 	/* IE 9 */
    -moz-transform:none; 	/* Firefox */
    -webkit-transform:none; /* Safari 和 Chrome */
    -o-transform:none; 	/* Opera */
    opacity: 1;
    filter:alpha(opacity=100);       /* IE */
    -moz-opacity:1;              /* 老版Mozilla */   
}

.matong-bg2 .visible{
    transform:none;
    -ms-transform:none; 	/* IE 9 */
    -moz-transform:none; 	/* Firefox */
    -webkit-transform:none; /* Safari 和 Chrome */
    -o-transform:none; 	/* Opera */
    opacity: 1;
    filter:alpha(opacity=100);       /* IE */
    -moz-opacity:1;              /* 老版Mozilla */   
}

